<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-store, must-revalidate" />
	<meta http-equiv="expires" content="0" />
	<meta name="format-detection" content="telephone=no" searchtype="map">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="white">

	<title>kerkee</title>

	<!--
    <script src="./kerkee.js" type="text/javascript" async=""></script>
    -->

</head>
<body>

<h1>Test</h1>
<hr />
jsBridgeClient Object Example
<br>
<br>
<input type="button" value="testJSBrigeClient"
	   onclick="jsBridgeClient.testJSBrige('abcd'); ">
<!--<input type="button" class="commonApi" value="commonApi">-->

<input type="button" value="addEventListener"
	   onclick="jsBridgeClient.addEventListener('eventname', function(){alert('add eventListener ok!')}); ">


<br>
<hr />
Modules Example：testApi.js
<br><br>

<input type="button" class="toast" value="toast">
<input type="button" class="alert" value="alert">
<input type="button" class="alertClientUI" value="alertClientUI">
<input type="button" class="testInfo" value="testInfo">

<br>
<hr />
Module Example：objExampleApi.js
<br><br>
<input type="button" class="objExampleNotStaticFunction" value="objExampleNotStaticFunction">
<input type="button" class="objExampleStaticFunction" value="objExampleStaticFunction">

<br>

<hr />

<script type="text/javascript">

	function scroll(x,y,w,h)
		{
//		alert(y);
		console.log("x:"+x+" ,y:"+y+" ,width:"+w+" ,height:"+h);
		document.getElementById("myScroll").innerHTML = "<p style='color:red;'>x:"+x+" ,y:"+y+" ,width:"+w+" ,height:"+h+"</p>";
		}

function loadScroll ()
	{
//	jsBridgeClient.registerHitPageBottomListener(scroll,20000)
	jsBridgeClient.registerScrollListener(scroll)
	}
</script>

<button type="button" onclick="loadScroll()">监听滚动事件</button>
<div id="myScroll"></div>


<script type="text/javascript">
	function loadXMLDocGet ()
	{
		var xmlhttp;
		if (window.XMLHttpRequest)
		{// code for IE7+, Firefox, Chrome, Opera, Safari
			xmlhttp = new XMLHttpRequest();
		}
		else
		{// code for IE6, IE5
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}

		xmlhttp.timeout = 10000;

		xmlhttp.onreadystatechange = function ()
		{
			if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
			{
				document.getElementById("myDivGet").innerHTML = xmlhttp.responseText;
				console.log(xmlhttp.responseText);
			}
		}
		xmlhttp.open("GET", "http://www.w3school.com.cn/ajax/demo_get.asp", true);

		xmlhttp.send();
	}
</script>
<button type="button" onclick="loadXMLDocGet()">请求数据(GET)</button>
<div id="myDivGet"></div>

<script type="text/javascript">
	function loadXMLDocPost ()
	{
		var xmlhttp;
		if (window.XMLHttpRequest)
		{// code for IE7+, Firefox, Chrome, Opera, Safari
			xmlhttp = new XMLHttpRequest();
		}
		else
		{// code for IE6, IE5
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.onreadystatechange = function ()
		{
			if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
			{
				document.getElementById("myDivPost").innerHTML = xmlhttp.responseText;
			}
		}
		xmlhttp.open("POST", "http://www.w3school.com.cn/ajax/demo_post2.asp", true);
		xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xmlhttp.send("fname=Bill&lname=Gates");
	}
</script>
</head>
<body>
<button type="button" onclick="loadXMLDocPost()">请求数据(POST)</button>
<div id="myDivPost"></div>

<hr />
<div class="image">
	<img
			src="http://static.lecai.com/upload/resources/20140613/201407/baidu/shouye/shijiebei/db83e058c71b68c2.jpg"
			alt="" />
	<!-- 				<img
                src="http://news.baidu.com/z/resource/r/image/2014-06-27/e1eba39efc903ed87a927725b478bd2f.jpg"
                alt="" /> -->
</div>
<hr />

<div class="images">
	<img src="http://www.qqw21.com/article/UploadPic/2013-7/2013715121730807.jpg"/>
	<!--<img src="http://img1.3lian.com/gif/more/11/201209/33fd09c3f500de3f386f25a0e1a5a9c6.jpg"/>-->
	<!--<img src="http://www.3gmfw.cn/qqtouxiang/UploadPic/2012-9/2012929193134441.jpg"/>-->
	<!--<img src="http://img1.3lian.com/gif/more/11/201209/b99444dcafe8e78987d8636bc9f6ce91.jpg"/>-->
	<!--<img src="http://img1.3lian.com/gif/more/11/201301/fff5042524ac741ca1b9c2cbda3ba816.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20120912/12-020035_46.jpg"/>-->
	<!--<img src="http://img1.2345.com/duoteimg/qqTxImg/2013/04/22/136677693010.jpg"/>-->
	<!--<img src="http://www.qqw21.com/article/uploadpic/2012-10/2012101363851708.jpg"/>-->
	<!--<img src="http://img1.3lian.com/gif/more/11/201211/e00614a7c7e2b3150e0ee8d4882f2675.jpg"/>-->
	<!--<img src="http://images.bookdao.com/bk/200801/957/b664562.jpg"/>-->

	<!--<img src="http://img1.jgxfw.com/qqtouxiang/2013/02/16/201302161139177530.jpg"/>-->
	<!--<img src="http://img1.3lian.com/gif/more/11/201210/1257a4750c6cbf57e12181b66171c8b4.jpg"/>-->
	<!--<img src="http://www.paopaoqq.com/UploadFiles/QQTX/2012/8/201208110814013834.jpg"/>-->
	<!--<img src="http://wenwen.soso.com/p/20101229/20101229212710-1418780455.jpg"/>-->
	<!--<img src="http://www.paopaoqq.com/UploadFiles/QQTX/2012/8/201208110814024620.jpg"/>-->
	<!--<img src="http://img1.3lian.com/gif/more/11/201210/14422b2ac9bf4ad5c914704ddb184ee3.jpg"/>-->
	<!--<img src="http://www.qqbody.com/uploads/allimg/120417/2033001A5-46.jpg"/>-->
	<!--<img src="http://img1.3lian.com/gif/more/11/201211/d55a20fc6f7c8033970d265fdec321a1.jpg"/>-->
	<!--<img src="http://wenwen.soso.com/p/20110406/20110406102818-1580310754.jpg"/>-->
	<!--<img src="http://www.qqw21.com/article/uploadpic/2012-9/201292192829950.jpg"/>-->

	<!--<img src="http://www.qqw21.com/article/UploadPic/2012-8/20128268178518.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20121030/30-052950_375.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20120912/12-015831_843.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20121017/17-010637_667.jpg"/>-->
	<!--<img src="http://img1.2345.com/duoteimg/qqTxImg/2013/04/22/136677687813.jpg"/>-->
	<!--<img src="http://www.qqw21.com/article/UploadPic/2013-7/201371395741475.jpg"/>-->
	<!--<img src="http://img1.3lian.com/gif/more/11/201206/cc5cbdfb01f1853a0e1321926ec1d75d.jpg"/>-->
	<!--<img src="http://img1.3lian.com/gif/more/11/201211/9850c6073920f2b50102ea2b3c10062f.jpg"/>-->
	<!--<img src="http://www.5qdd.com/files/all/121231/7-121231091T3-51.jpg"/>-->
	<!--<img src="http://www.qqw21.com/article/UploadPic/2012-11/2012111383553332.jpg"/>-->

	<!--<img src="http://cdn.duitang.com/uploads/item/201202/09/20120209203930_WUPZi.thumb.200_200_c.jpg"/>-->
	<!--<img src="http://www.paopaoqq.com/UploadFiles/QQTX/2012/8/201208110814007543.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20120825/25-071204_642.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20130109/09-012356_266.jpg"/>-->
	<!--<img src="http://img1.3lian.com/gif/more/11/201209/c819875806a7d67013f3b5e54ceb84e5.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20121213/13-010559_721.jpg"/>-->
	<!--<img src="http://img1.3lian.com/gif/more/11/201210/08fe1afd4221123d2c62e3fb5e451d3f.jpg"/>-->
	<!--<img src="http://www.qqw21.com/article/UploadPic/2012-10/2012101482415935.jpg"/>-->
	<!--<img src="http://img1.3lian.com/gif/more/11/201211/68a7504b9307f52e52d0b13aa8794ca6.jpg"/>-->
	<!--<img src="http://www.qqw21.com/article/UploadPic/2012-10/20121028533299.jpg"/>-->

	<!--<img src="http://www.qqya.com/userimg/897/1009301R232.jpg"/>-->
	<!--<img src="http://www.qqw21.com/article/UploadPic/2012-10/20121016958120.jpg"/>-->
	<!--<img src="http://www.touxiang.cn/uploads/20130103/03-080800_579.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20121030/30-053025_767.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20120825/25-071141_733.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20121015/15-031155_811.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20121030/30-051804_866.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20121024/24-055914_671.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20120713/13-051921_511.jpg"/>-->
	<!--<img src="http://img1.touxiang.cn/uploads/20121030/30-052257_937.jpg"/>-->
</div>
<hr>


<!--removeIf(production)-->
<script type="text/javascript" src="../../vendor/core/require.js" data-main="test.js"></script>
<!--endRemoveIf(production)-->

<!-- include:js(test.js) -->
</body>
</html>
